<template>
  <div class="homeView">
    <nav
        style="
          color: #ffffff;
          font-size: 40px;
          width: 100%;
          text-align: center;
          margin-bottom: 150px;
        "
      >
        {{ this.$appName }}
      </nav>
    <button class="btn" @click="toHome">开始考试</button>
  </div>
</template>

<script>
export default {
  name: '',
  methods: {
    toHome() {
      this.$router.push('/home');
    }
  }
}
</script>

<style lang="scss" scoped>
.homeView {
  width: 100vw;
  height: 100vh;
  background-image: url(../assets/keji1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn {
  width: 200px;
  height: 60px;
  font-size: 25px;
  margin-top: 50%;
  margin-left: 50%;
  transform: translate(-50%);
}
</style>
